<div class="uk-grid" style="margin-top: 40px" ng-controller="projectsCtrl">
    <div class="uk-width-6-10">
    </div>
    <div class="uk-width-4-10">
        <div class="uk-panel uk-panel-box uk-width-3-4">
            <h3 class="uk-panel-title" style="font-weight: bold;">我的项目<a class="uk-button uk-button-success uk-float-right" ui-sref="project.add_project"><i class="uk-icon-plus" style="margin-right: 5px"></i>添加项目</a></h3>
            <hr style="height: 1px; background-color: #999999; border: none">
            <div>
                <ul class="uk-tab uk-tab-grid" data-uk-tab>
                    <li class="uk-width-1-4" ng-class="{'allProject':'uk-active'}[type]"><a ui-sref="project.projects({type:'allProject'})" ng-click="changeActive('all')">所有项目</a></li>
                    <li class="uk-width-1-4" ng-class="{'originalProject':'uk-active'}[type]"><a ui-sref="project.projects({type:'originalProject'})" ng-click="changeActive('original')">原创项目</a></li>
                    <li class="uk-width-1-4" ng-class="{'developingProject':'uk-active'}[type]"><a ui-sref="project.projects({type:'developingProject'})" ng-click="changeActive('developing')">开发项目</a></li>
                    <li class="uk-width-1-4" ng-class="{'observingProject':'uk-active'}[type]"><a ui-sref="project.projects({type:'observingProject'})" ng-click="changeActive('observing')">观察项目</a></li>
                </ul>
            </div>
            <div style="margin-left: 20px; overflow: auto; height: 260px;">
                <ul class="uk-list" style="font-weight: bold;" ng-repeat="project in projects|filter:typeFilter">
                    <li class="uk-margin-top" data-toggle="popover" data-content="暂无项目描述" data-placement="left" data-trigger="hover"><a ui-sref="project.apis({project_id:project.id})"><i class="uk-icon-folder-o uk-margin-right"></i>{{project.name}}</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>